<template>
    <div class="dataManagement-queue-Lu">
        <div class="waiting-content-v">
            <commpVxeTable
            :key="refreshTable"
            :isCanWrap="true"
            :config="dataTableConfig"
            :columns="columnsVxe"
            :formItem="formItem"
            ref="acceptanceRegistrationRef"

            >
                <template v-slot:operation_btn="{row}">
                    <a-form layout="inline" class="search-form" >
                        <a-form-item >
                            <a-button class="blue-btn" type="primary" @click="viewClick(row,0,true)">查看</a-button>
                        </a-form-item>
                    </a-form>
                </template>
            </commpVxeTable>
            <addEdit ref="addEditRef0" @tableSearchEvent="tableSearchEvent" />
        </div>
    </div>
</template>
<script>
import assessCheckApi from './service/api'
import commpVxeTable from '@/components/commp-vxe-table/commp-vxe-table.vue'
import addEdit from './addEdit'
export default {
    components:{
        commpVxeTable,
        addEdit,
    },
    props:{
        fzllx:{
            type: String,
            default: '',
            required: false
        }
    },
    data(){
        return{
            formItem:[{
                label: '标题',
                model: 'fb',
            },{
                label: '会议主题',
                model: 'fhyzt',
            },{
                label: '所属党支部',
                model: 'fssdzb',
            },],
            columnsVxe:[
            {
                type: 'checkbox',
                width: 60 ,
                fixed: 'left'
            },{
                title: '标题', //列头显示文字
                field: 'fbt',
            },{
                title: '会议主题', //列头显示文字
                field: 'fhyzt',
                align:'left',
            },{
                title: '发布人',
                field: 'ffbr',
            },
            {
                title: '所属党支部',
                field: 'fssdzb',
            },
            {
                title: '活动来源',
                field: 'fzyly',
            },{
                title: '活动时间',
                field: 'ffbsj',
            },{
                title: '完成时间',
                field: 'fwcsj',
            },{
                title: '操作',
                field: 'id',
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                },
                fixed: 'right',
                width:75
            }
            ],
            dataTableConfig:{
                api: assessCheckApi.queryCxdrhdXxPageList,
                rowId: 'id',
                paramet:{
                    // fzllx:this.fzllx
                }
            },
            addEditParameter:{},
            refreshTable:null,

        }
    },
    watch:{

    },
    mounted(){

    },
    methods:{
        tableSearchEvent(){
            this.$refs.acceptanceRegistrationRef.searchEvent()
        },
        viewClick(val,index,view){
            let refName = 'addEditRef'+index
            this.$refs[refName].getData({...val,index:index,view:view?true:false})
            this.$refs[refName].visible = true
        },
    }
}
</script>
<style lang="less">
.dataManagement-queue-Lu{
    background: #fff;
    .waiting-content-v{
        height: calc(100vh - 191px -48px);
    }
}
</style>
